<?php
require $this->__RAD__ . 'include/head.php';
?>
<body>

<?php
require $this->__RAD__ . 'include/header.php';
?>
<div class="brand" style="background:url(<?= $this->__STATIC__ ?>images/bg03.jpg) no-repeat center center/cover;">
    <div class="brand-con01" id="item1">
        <div class="wrapper clearfix">
            <div class="tit">门店展示</div>
            <div class="mouse-div">
                <div class="big-img">
                    <ul>
                        <?php
                        if ($this->currentListRs) :
                            foreach ($this->currentListRs as $val) :
                                ?>
                                <li><div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div></li>
                                <?php
                            endforeach;
                        endif;
                        ?>
                    </ul>
                    <a href="javascript:;" class="prev"></a>
                    <a href="javascript:;" class="next"></a>
                </div>
                <div class="wz">
                    <div class="box">
                        <h3>时尚梦幻的用餐氛围</h3>
                        <hr>
                        <p>
                            天蓝色地中海异域风格，梦幻有情调！
                            店内的神灯仿佛轻轻摩擦，就可召唤灯神实现愿望。
                            让每一位顾客享受美味的同时，更能够身心愉悦畅快淋漓！
                        </p>
                        <div class="multipleLine sml-img">
                            <div class="hd">
                                <a href="javascript:;" class="next"></a>
                                <a href="javascript:;" class="prev"></a>
                            </div>
                            <div class="bd">
                                <div class="ulWrap">
                                    <ul>
                                        <?php
                                        if ($this->currentListRs) :
                                            foreach ($this->currentListRs as $val) :
                                                ?>
                                                <li><div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div></li>
                                                <?php
                                            endforeach;
                                        endif;
                                        ?>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="brand-con02" id="item2">
        <div class="tit">产品展示</div>
        <div class="brand-tit">
            <span>2009.阿拉丁</span>
            <img src="<?= $this->__STATIC__ ?>images/slg.png">
        </div>
        <div class="brand-con02-tit" style="background:url(<?= $this->__STATIC__ ?>images/bg04.jpg) no-repeat center center/cover;">
            <div class="">
                <img src="<?= $this->__STATIC__ ?>images/brand04.png">
                <a href="javascript:;" class="a1"><img src="<?= $this->__STATIC__ ?>images/brand05.png"></a>
                <a href="javascript:;" class="a2"><img src="<?= $this->__STATIC__ ?>images/brand07.png"></a>
                <a href="javascript:;" class="a3"><img src="<?= $this->__STATIC__ ?>images/brand06.png"></a>
            </div>
        </div>
        <div class="brand-con02-con" style="background:url(<?= $this->__STATIC__ ?>images/bg05.jpg) no-repeat center center/cover;">
            <ul style="background:url(<?= $this->__STATIC__ ?>images/brand08.png) no-repeat center center;" class="clearfix">
                <?php
                foreach ($this->currentListRs1 as $val) :
                    ?>
                    <li>
                        <div>
                            <div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div>
                            <h3><?= $val->title ?></h3>
                        </div>
                    </li>
                    <?php
                endforeach;
                ?>
            </ul>
            <ul style="background:url(<?= $this->__STATIC__ ?>images/brand08.png) no-repeat center center;" class="clearfix">
                <?php
                foreach ($this->currentListRs1 as $val) :
                    ?>
                    <li>
                        <div>
                            <div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div>
                            <h3><?= $val->title ?></h3>
                        </div>
                    </li>
                    <?php
                endforeach;
                ?>
            </ul>
            <ul style="background:url(<?= $this->__STATIC__ ?>images/brand08.png) no-repeat center center;" class="clearfix">
                <?php
                foreach ($this->currentListRs1 as $val) :
                    ?>
                    <li>
                        <div>
                            <div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div>
                            <h3><?= $val->title ?></h3>
                        </div>
                    </li>
                    <?php
                endforeach;
                ?>
            </ul>
        </div>
    </div>
    <div class="brand-con03" style="background:url(<?= $this->__STATIC__ ?>images/bg06.jpg) no-repeat center center/cover;">
        <h2>大骨熬汤</h2>
        <h3>营养美味尽在汤底</h3>
        <center><img src="<?= $this->__STATIC__ ?>images/xian3.png"></center>
        <p>
            <?php
            if ($this->aryLarge) :
                $synopsis = explode('#@#', $this->aryLarge[0]->ad_synopsis);
                if ($synopsis) :
                    foreach ($synopsis as $val) :
                        ?>
                        <?= $val . '<br>' ?>
                        <?php
                    endforeach;
                endif;
            endif;
            ?>
        </p>
        <div class="bg-box">
            <div class="picScroll-left">
                <div class="bd">
                    <ul class="picList">
                        <?php
                        foreach ($this->currentListRs2 as $val) :
                            ?>
                            <li><div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->cover ?>"></div></li>
                            <?php
                        endforeach;
                        ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="brand-con04" id="item3">
        <div class="wrapper">
            <div class="tit">视频欣赏</div>
            <div class="video-box">
                <video src="" controls></video>
            </div>
            <ul class="clearfix">
                <?php
                if ($this->aryVideo) :
                foreach ($this->aryVideo as $val) :
                ?>
                    <li _src="<?= $val->video_link ? $this->__CDN__ . 'files/' . $val->video_link : $val->ad_url ?>">
                        <div class="pic"><img src="<?= $this->__CDN__ ?>pics/l/<?= $val->ad_img ?>"></div>
                        <h3 class="clearfix"><?= $val->ad_title ?><span><?= date('m-d', $val->ad_date) ?></span></h3>
                    </li>
                <?php
                endforeach;
                endif;
                ?>
            </ul>
        </div>
    </div>
</div>

<?php
require $this->__RAD__ . 'include/footer.php';
?>
<?php
require $this->__RAD__ . 'include/right.php';
?>

</body>
</html>
<script type="text/javascript" src="<?= $this->__STATIC__ ?>js/common.js"></script>
<script type="text/javascript" src="<?= $this->__STATIC__ ?>js/jquery.rotate.min.js"></script>
<script>
    $(function () {
        $(window).bind('load resize',function () {
            var _hei=$(".cpzs>img").height();
            $('.cpzs').css('height',_hei)
        });
        $(".multipleLine .bd ul li").click(function () {
            $(this).addClass('on').siblings().removeClass('on').parents("ul").siblings("ul").find("li").removeClass('on');
//            var _src=$(this).find('img').attr("src");
//            var _rel=$(this).attr('rel');
            $('.big-img li').eq($(this).index()).fadeIn(600).siblings().hide();
        });
        $(".multipleLine .bd ul li").eq(0).trigger('click');
        //选项卡
        $('.brand-con02-tit a').click(function () {
            var _class=$(this).attr('class');
            var _index=$(this).index();
            console.log(_class);
            if(_class=="a2"){

            }
            else{
                $('.a2').removeClass('a2').addClass(_class);
                $(this).addClass('a2').removeClass(_class);
            }
            $('.brand-con02-con ul').eq(_index-1).show().siblings().hide();
        });
        $('.a2').trigger('click');

        jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftMarquee",interTime:15,autoPlay:true,vis:5,trigger:"click"});
        //视频
        $('.brand-con04 li').click(function () {
            var _src=$(this).attr('_src');
            $(this).addClass('cur').siblings().removeClass('cur');
            $(".brand-con04 .video-box video").attr('src',_src)
        });
        $('.brand-con04 li').eq(0).trigger('click');

        $('.brand .big-img .prev').click(function () {
            var _li=$(".multipleLine .bd ul li.on");
            var _index=_li.index();
            //var _ulindex=_li.parents("ul").index();
            var _length=$(".multipleLine .bd ul li").length;
            if(_index==0){
                _li.siblings("li").eq(_length-1).trigger('click');
                $('.sml-img .next').trigger('click')
            }
            else if(_index==8){
                $('.sml-img .prev').trigger('click')
            }
            _li.siblings("li").eq(_index-1).trigger('click');
        });
        $('.brand .big-img .next').click(function () {
            var _li=$(".multipleLine .bd ul li.on");
            var _index=_li.index();
            //var _ulindex=_li.parents("ul").index();
            var _length=$(".multipleLine .bd ul li").length;
            if(_index==_length-1){
                _li.siblings("li").eq(0).trigger('click');
                $('.sml-img .prev').trigger('click');
            }
            else if(_index==7){
                $('.sml-img .next').trigger('click')
            }

            _li.siblings("li").eq(_index).trigger('click');
        });
        //自动播放
        var auto=setInterval(function () {
            $('.brand .big-img .next').trigger('click');
        },3000);

        $('.mouse-div').mouseenter(function () {
            clearInterval(auto);
        });

        $('.sml-img .next').click(function () {
            $('.ulWrap').animate({'margin-top':'-180px'});
        });
        $('.sml-img .prev').click(function () {
            $('.ulWrap').animate({'margin-top':'0px'});
        });
    })
</script>
